<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-12 10:56:47
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-07-15 10:18:58
-->
<template>
  <!-- 容器 -->
  <div class="home">
    <!-- 头部 -->
    <Head />
    <!-- /头部 -->
    <!-- 轮播 -->

    <!-- 头部 重点关注栏 -->
    <div class="mian-index w1200">
      <div class="w1200 mt30">
        <div class="toutiao">
          <div class="logo">
            <img src="/images/重点关注logo.png" alt="" />
          </div>
          <div class="first">
            {{ title }}
          </div>
          <ul>
            <li>柳和生调研干部队伍建设</li>
            <li>
              <a
                href="http://www.ecjtu.edu.cn/info/1053/29731.htm"
                target="_blank"
                title="学校党委召开科级干部座谈会"
              >
                学校党委召开科级干部座谈会</a
              >
            </li>
            <li>
              <a
                href="http://www.ecjtu.edu.cn/info/1053/29803.htm"
                target="_blank"
                title="学校党委召开干部队伍建设调研第三场座谈会"
              >
                学校党委召开干部队伍建设调研第三场座谈会</a
              >
            </li>
          </ul>
        </div>
      </div>
      <!-- /头部 重点关注栏 -->
      <!-- 轮播图-->
      <div class="w1200 mt30">
        <div class="focusBox fl">
          <img src="/images/lb1.jpg" alt="" />
        </div>
        <!-- /轮播图 -->
        <!-- 交大要闻 --轮播图右部 -->
        <div class="fr tou-list">
          <ul>
            <h3 class="title">
              {{ categories[1].name }}
              <span
                class="more"
                @click="toList(categories[1].id, categories[1].name)"
                >More+</span
              >
            </h3>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-05/01/content_5403_4400826.htm"
                target="_blank"
                title="【江西日报头版】省长易炼红来到华东交大看望慰问教师"
              >
                【江西日报头版】省长易炼红来到华东…</a
              >
              <span class="date">05-07</span>
            </li>
            <li>
              <a
                href="info/1093/54106.htm"
                target="_blank"
                title="【光明日报】华东交大百名学生用快闪录制《五四曙光》献礼建党百年"
              >
                【光明日报】华东交大百名学生用快闪…</a
              >
              <span class="date">04-14</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-04/12/content_5413_4302294.htm"
                target="_blank"
                title="【江西日报】华东交大党委班子集体赴省档案馆开展党史学习教育"
              >
                【江西日报】华东交大党委班子集体赴…</a
              >
              <span class="date">04-12</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-04/02/content_5408_4261787.htm"
                target="_blank"
                title="【江西日报】华东交大与省档案馆共建教育基地"
              >
                【江西日报】华东交大与省档案馆共建…</a
              >
              <span class="date">04-02</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-03/24/content_5406_4215110.htm"
                target="_blank"
                title="【江西日报】省部共建轨道交通基础设施性能监测与保障国家重点实验室揭牌"
              >
                【江西日报】省部共建轨道交通基础设…</a
              >
              <span class="date">03-24</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-03/22/content_5413_4203491.htm"
                target="_blank"
                title="【江西日报】党史学习教育，华东交大这样开展"
              >
                【江西日报】党史学习教育，华东交大…</a
              >
              <span class="date">03-22</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-02/04/content_5407_3987677.htm"
                target="_blank"
                title="【江西日报】华东交大：留校大学生 温暖不孤单"
              >
                【江西日报】华东交大：留校大学生 …</a
              >
              <span class="date">02-06</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-01/22/content_5407_3925959.htm"
                target="_blank"
                title="【江西日报】省“双一流”建设综述：华东交大创新机制建设学科特区"
              >
                【江西日报】省“双一流”建设综述：…</a
              >
              <span class="date">01-26</span>
            </li>
            <li>
              <a
                href="http://epaper.jxwmw.cn/html/2021-01/18/content_5413_3902834.htm"
                target="_blank"
                title="【江西日报】盘点2020：华东交大高质量内涵式发展"
              >
                【江西日报】盘点2020：华东交大高质…</a
              >
              <span class="date">01-18</span>
            </li>
            <li>
              <a
                href="info/1093/53599.htm"
                target="_blank"
                title="【江西日报】华东交大：构建“校内+校外”就业服务体系 毕业生就业率超高"
              >
                【江西日报】华东交大：构建“校内+…</a
              >
              <span class="date">12-08</span>
            </li>
            <li>
              <a
                href="info/1093/53483.htm"
                target="_blank"
                title="【江西日报】华东交大党委书记万明与新生话成长"
              >
                【江西日报】华东交大党委书记万明与…</a
              >
              <span class="date">11-23</span>
            </li>
          </ul>
          <ul
            style="
              display: none;
              position: absolute;
              width: 382px;
              left: 0px;
              top: 0px;
            "
          >
            <a href="mtjd1/wljj.htm" class="more">More+</a>
            <li>
              <a
                href="https://xhpfmapi.zhongguowangshi.com/vh512/share/9890744?channel=weixin"
                target="_blank"
                title="【新华社客户端】百位博士讲党史 百年党史悟初心——华东交大创新做好高层次人才思政工作"
              >
                【新华社客户端】百位博士讲党史 百…</a
              >
              <span class="date">04-08</span>
            </li>
            <li>
              <a
                href="http://jyt.jiangxi.gov.cn/art/2021/4/6/art_25536_3308881.html"
                target="_blank"
                title="【江西教育网】华东交大：“四加四促”推动党史学习教育走心走新、走深走实"
              >
                【江西教育网】华东交大：“四加四促…</a
              >
              <span class="date">04-06</span>
            </li>
            <li>
              <a
                href="http://www.jx.chinanews.com/news/2021/0329/48015.html"
                target="_blank"
                title="【中新网】华东交大组建“高、全、特”党史学习教育宣讲团"
              >
                【中新网】华东交大组建“高、全、特…</a
              >
              <span class="date">03-30</span>
            </li>
            <li>
              <a
                href="https://m.bjnews.com.cn/detail/161649786615232.html"
                target="_blank"
                title="【新京报】献礼建党一百周年，华东交大学生热血“快闪”演绎《五四曙光》"
              >
                【新京报】献礼建党一百周年，华东交…</a
              >
              <span class="date">03-24</span>
            </li>
            <li>
              <a
                href="https://mp.weixin.qq.com/s/B5h5NAKuLZCSU1zyzpyZHQ"
                target="_blank"
                title="【省教育厅官微】倒计时：100天！华东交大百名学子“快闪”演绎《五四曙光》"
              >
                【省教育厅官微】倒计时：100天！华…</a
              >
              <span class="date">03-24</span>
            </li>
            <li>
              <a
                href="http://jx.people.com.cn/n2/2021/0323/c190260-34636001.html"
                target="_blank"
                title="【人民网】华东交大省部共建国家重点实验室揭牌"
              >
                【人民网】华东交大省部共建国家重点…</a
              >
              <span class="date">03-24</span>
            </li>
            <li>
              <a
                href="http://www.jx.chinanews.com/news/2021/0323/47822.html"
                target="_blank"
                title="【中新网】华东交大省部共建国家重点实验室揭牌"
              >
                【中新网】华东交大省部共建国家重点…</a
              >
              <span class="date">03-24</span>
            </li>
            <li>
              <a
                href="http://www.jxxw.com.cn/index.php/welcome/show_news?id=123123810&amp;type=1"
                target="_blank"
                title="【江西新闻客户端】震撼穿越！百名学子“快闪”演绎《五四曙光》"
              >
                【江西新闻客户端】震撼穿越！百名学…</a
              >
              <span class="date">03-23</span>
            </li>
            <li>
              <a
                href="http://www.jxxw.com.cn/index.php/welcome/show_news?id=123117482&amp;type=1"
                target="_blank"
                title="【江西头条】华东交大国家重点实验室揭牌，江西增至6家"
              >
                【江西头条】华东交大国家重点实验室…</a
              >
              <span class="date">03-23</span>
            </li>
            <li>
              <a
                href="http://www.jxxw.com.cn/index.php/welcome/show_news?id=123050337&amp;type=1"
                target="_blank"
                title="【江西新闻客户端】华东交大召开党史学习教育动员会"
              >
                【江西新闻客户端】华东交大召开党史…</a
              >
              <span class="date">03-12</span>
            </li>
            <li>
              <a
                href="http://liuyan.people.com.cn/n1/2021/0307/c178291-32044654.html"
                target="_blank"
                title="【人民网】2021两会来了，我托书记省长捎句话"
              >
                【人民网】2021两会来了，我托书记省…</a
              >
              <span class="date">03-08</span>
            </li>
          </ul>
        </div>
      </div>
      <!-- /交大要闻 --轮播图右部 -->
      <div class="w1200 mt30">
        <!-- 校报交大电子版 -->
        <div class="xbdzb fl w366">
          <h3 class="title">
            "{{ categories[8].name }}"
            <span
              class="more"
              @click="toList(categories[8].id, categories[8].name)"
              >More+</span
            >
          </h3>
        </div>
        <div class="slidepic">
          <div class="xb">
            <img src="/images/xb1.jpg" alt="" />
          </div>
          <div class="txt"></div>
        </div>
        <!-- /校报交大电子版 -->
        <div class="fl w366">
          <!-- 信息列车 -->
          <div class="xxlc">
            <h3 class="title">
              {{ categories[2].name }}
              <span
                class="more"
                @click="toList(categories[2].id, categories[2].name)"
                >More+</span
              >
            </h3>
            <ul>
              <li>
                <a href="info/1045/54639.htm" target="_blank" title="">
                  校世纪英才学校第十三期结业、第十...</a
                >
                <span class="date">07-12</span>
              </li>
              <li>
                <a
                  href="info/1045/54570.htm"
                  target="_blank"
                  title="校领导为天佑学院入党积极分子讲授“七一”党课"
                >
                  校领导为天佑学院入党积极分子讲授...</a
                >
                <span class="date">07-01</span>
              </li>
              <li>
                <a
                  href="info/1045/54534.htm"
                  target="_blank"
                  title="省教育厅高校实验室安全检查专家组来校开展实验室安全现场检查"
                >
                  省教育厅高校实验室安全检查专家组...</a
                >
                <span class="date">06-28</span>
              </li>
              <li>
                <a
                  href="info/1045/54537.htm"
                  target="_blank"
                  title="江西省法学会知识产权法学研究会第二届会员大会在我校召开"
                >
                  江西省法学会知识产权法学研究会第...</a
                >
                <span class="date">06-28</span>
              </li>
              <li>
                <a
                  href="info/1045/54533.htm"
                  target="_blank"
                  title="百年复兴梦 风雨同舟情&nbsp;我校开展统一战线史专题学习"
                >
                  百年复兴梦 风雨同舟情&nbsp;我校开展统...</a
                >
                <span class="date">06-27</span>
              </li>
              <li>
                <a
                  href="info/1045/54517.htm"
                  target="_blank"
                  title="外语学院赴北京走访看望校友"
                >
                  外语学院赴北京走访看望校友</a
                >
                <span class="date">06-24</span>
              </li>
              <li>
                <a
                  href="info/1045/54474.htm"
                  target="_blank"
                  title="“政校企联创共建”暨党务干部培训班举行"
                >
                  “政校企联创共建”暨党务干部培训...</a
                >
                <span class="date">06-15</span>
              </li>
            </ul>
          </div>
          <!-- /信息列车 -->
          <!-- 视频新闻 -->
          <div class="spxw">
            <h3 class="title">
              {{ categories[3].name
              }}<span
                class="more"
                @click="toList(categories[3].id, categories[3].name)"
                >More+</span
              >
            </h3>
            <div class="pic">
              <ul>
                <li>
                  <a
                    href="info/1042/54287.htm"
                    target="_blank"
                    title="学党史 强信念 跟党走 我校开展五四主题团日活动"
                    ><img src="/images/spxw1.jpg" />
                  </a>
                </li>
                <li>
                  <a
                    href="info/1042/54200.htm"
                    target="_blank"
                    title="校党委组织开展尊崇党章廉政教育活动"
                    ><img src="/images/spxw2.jpg" />
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!-- /视频新闻 -->
        </div>
        <div class="mtjd fr">
          <h3 class="title">{{ categories[4].name }}</h3>
          <div class="slideTxtBox">
            <div class="hd">
              <ul>
                <li class="">报刊采写</li>
                <li>网络聚焦</li>
                <li class="on">电视报道</li>
              </ul>
            </div>
            <div
              class="bd"
              style="position: relative; width: 382px; height: 403px"
            >
              <ul
                style="
                  position: absolute;
                  width: 382px;
                  left: 0px;
                  top: 0px;
                  display: none;
                "
              >
                <span
                  class="more"
                  @click="toList(categories[4].id, categories[4].name)"
                  >More+</span
                >
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-05/01/content_5403_4400826.htm"
                    target="_blank"
                    title="【江西日报头版】省长易炼红来到华东交大看望慰问教师"
                  >
                    【江西日报头版】省长易炼红来到华东…</a
                  >
                  <span class="date">05-07</span>
                </li>
                <li>
                  <a
                    href="info/1093/54106.htm"
                    target="_blank"
                    title="【光明日报】华东交大百名学生用快闪录制《五四曙光》献礼建党百年"
                  >
                    【光明日报】华东交大百名学生用快闪…</a
                  >
                  <span class="date">04-14</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-04/12/content_5413_4302294.htm"
                    target="_blank"
                    title="【江西日报】华东交大党委班子集体赴省档案馆开展党史学习教育"
                  >
                    【江西日报】华东交大党委班子集体赴…</a
                  >
                  <span class="date">04-12</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-04/02/content_5408_4261787.htm"
                    target="_blank"
                    title="【江西日报】华东交大与省档案馆共建教育基地"
                  >
                    【江西日报】华东交大与省档案馆共建…</a
                  >
                  <span class="date">04-02</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-03/24/content_5406_4215110.htm"
                    target="_blank"
                    title="【江西日报】省部共建轨道交通基础设施性能监测与保障国家重点实验室揭牌"
                  >
                    【江西日报】省部共建轨道交通基础设…</a
                  >
                  <span class="date">03-24</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-03/22/content_5413_4203491.htm"
                    target="_blank"
                    title="【江西日报】党史学习教育，华东交大这样开展"
                  >
                    【江西日报】党史学习教育，华东交大…</a
                  >
                  <span class="date">03-22</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-02/04/content_5407_3987677.htm"
                    target="_blank"
                    title="【江西日报】华东交大：留校大学生 温暖不孤单"
                  >
                    【江西日报】华东交大：留校大学生 …</a
                  >
                  <span class="date">02-06</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-01/22/content_5407_3925959.htm"
                    target="_blank"
                    title="【江西日报】省“双一流”建设综述：华东交大创新机制建设学科特区"
                  >
                    【江西日报】省“双一流”建设综述：…</a
                  >
                  <span class="date">01-26</span>
                </li>
                <li>
                  <a
                    href="http://epaper.jxwmw.cn/html/2021-01/18/content_5413_3902834.htm"
                    target="_blank"
                    title="【江西日报】盘点2020：华东交大高质量内涵式发展"
                  >
                    【江西日报】盘点2020：华东交大高质…</a
                  >
                  <span class="date">01-18</span>
                </li>
                <li>
                  <a
                    href="info/1093/53599.htm"
                    target="_blank"
                    title="【江西日报】华东交大：构建“校内+校外”就业服务体系 毕业生就业率超高"
                  >
                    【江西日报】华东交大：构建“校内+…</a
                  >
                  <span class="date">12-08</span>
                </li>
                <li>
                  <a
                    href="info/1093/53483.htm"
                    target="_blank"
                    title="【江西日报】华东交大党委书记万明与新生话成长"
                  >
                    【江西日报】华东交大党委书记万明与…</a
                  >
                  <span class="date">11-23</span>
                </li>
              </ul>
              <ul
                style="
                  display: none;
                  position: absolute;
                  width: 382px;
                  left: 0px;
                  top: 0px;
                "
              >
                <a href="mtjd1/wljj.htm" class="more">More+</a>
                <li>
                  <a
                    href="https://xhpfmapi.zhongguowangshi.com/vh512/share/9890744?channel=weixin"
                    target="_blank"
                    title="【新华社客户端】百位博士讲党史 百年党史悟初心——华东交大创新做好高层次人才思政工作"
                  >
                    【新华社客户端】百位博士讲党史 百…</a
                  >
                  <span class="date">04-08</span>
                </li>
                <li>
                  <a
                    href="http://jyt.jiangxi.gov.cn/art/2021/4/6/art_25536_3308881.html"
                    target="_blank"
                    title="【江西教育网】华东交大：“四加四促”推动党史学习教育走心走新、走深走实"
                  >
                    【江西教育网】华东交大：“四加四促…</a
                  >
                  <span class="date">04-06</span>
                </li>
                <li>
                  <a
                    href="http://www.jx.chinanews.com/news/2021/0329/48015.html"
                    target="_blank"
                    title="【中新网】华东交大组建“高、全、特”党史学习教育宣讲团"
                  >
                    【中新网】华东交大组建“高、全、特…</a
                  >
                  <span class="date">03-30</span>
                </li>
                <li>
                  <a
                    href="https://m.bjnews.com.cn/detail/161649786615232.html"
                    target="_blank"
                    title="【新京报】献礼建党一百周年，华东交大学生热血“快闪”演绎《五四曙光》"
                  >
                    【新京报】献礼建党一百周年，华东交…</a
                  >
                  <span class="date">03-24</span>
                </li>
                <li>
                  <a
                    href="https://mp.weixin.qq.com/s/B5h5NAKuLZCSU1zyzpyZHQ"
                    target="_blank"
                    title="【省教育厅官微】倒计时：100天！华东交大百名学子“快闪”演绎《五四曙光》"
                  >
                    【省教育厅官微】倒计时：100天！华…</a
                  >
                  <span class="date">03-24</span>
                </li>
                <li>
                  <a
                    href="http://jx.people.com.cn/n2/2021/0323/c190260-34636001.html"
                    target="_blank"
                    title="【人民网】华东交大省部共建国家重点实验室揭牌"
                  >
                    【人民网】华东交大省部共建国家重点…</a
                  >
                  <span class="date">03-24</span>
                </li>
                <li>
                  <a
                    href="http://www.jx.chinanews.com/news/2021/0323/47822.html"
                    target="_blank"
                    title="【中新网】华东交大省部共建国家重点实验室揭牌"
                  >
                    【中新网】华东交大省部共建国家重点…</a
                  >
                  <span class="date">03-24</span>
                </li>
                <li>
                  <a
                    href="http://www.jxxw.com.cn/index.php/welcome/show_news?id=123123810&amp;type=1"
                    target="_blank"
                    title="【江西新闻客户端】震撼穿越！百名学子“快闪”演绎《五四曙光》"
                  >
                    【江西新闻客户端】震撼穿越！百名学…</a
                  >
                  <span class="date">03-23</span>
                </li>
                <li>
                  <a
                    href="http://www.jxxw.com.cn/index.php/welcome/show_news?id=123117482&amp;type=1"
                    target="_blank"
                    title="【江西头条】华东交大国家重点实验室揭牌，江西增至6家"
                  >
                    【江西头条】华东交大国家重点实验室…</a
                  >
                  <span class="date">03-23</span>
                </li>
                <li>
                  <a
                    href="http://www.jxxw.com.cn/index.php/welcome/show_news?id=123050337&amp;type=1"
                    target="_blank"
                    title="【江西新闻客户端】华东交大召开党史学习教育动员会"
                  >
                    【江西新闻客户端】华东交大召开党史…</a
                  >
                  <span class="date">03-12</span>
                </li>
                <li>
                  <a
                    href="http://liuyan.people.com.cn/n1/2021/0307/c178291-32044654.html"
                    target="_blank"
                    title="【人民网】2021两会来了，我托书记省长捎句话"
                  >
                    【人民网】2021两会来了，我托书记省…</a
                  >
                  <span class="date">03-08</span>
                </li>
              </ul>
              <ul style="position: absolute; width: 382px; left: 0px; top: 0px">
                <a href="mtjd1/dsbd.htm" class="more">More+</a>
                <li>
                  <a
                    href="info/1095/54311.htm"
                    target="_blank"
                    title="【中国教育电视台】高校党建春风化雨 滋润学子破茧成蝶"
                  >
                    【中国教育电视台】高校党建春风化雨…</a
                  >
                  <span class="date">05-13</span>
                </li>
                <li>
                  <a
                    href="info/1095/54286.htm"
                    target="_blank"
                    title="【中国教育电视台】华东交通大学：聚焦百年党史中的“江西红”"
                  >
                    【中国教育电视台】华东交通大学：聚…</a
                  >
                  <span class="date">05-09</span>
                </li>
                <li>
                  <a
                    href="info/1095/54258.htm"
                    target="_blank"
                    title="【中国教育电视台】追忆百年党史 红色点亮青春"
                  >
                    【中国教育电视台】追忆百年党史 红…</a
                  >
                  <span class="date">05-05</span>
                </li>
                <li>
                  <a
                    href="info/1095/54253.htm"
                    target="_blank"
                    title="【江西卫视】省长易炼红来校看望慰问教师"
                  >
                    【江西卫视】省长易炼红来校看望慰问…</a
                  >
                  <span class="date">05-01</span>
                </li>
                <li>
                  <a
                    href="info/1095/54219.htm"
                    target="_blank"
                    title="【江西教育电视台】缅怀铁路先驱 弘扬天佑精神"
                  >
                    【江西教育电视台】缅怀铁路先驱 弘…</a
                  >
                  <span class="date">04-26</span>
                </li>
                <li>
                  <a
                    href="info/1095/54193.htm"
                    target="_blank"
                    title="【江西教育电视台】华东交大：百名博士讲党史 精心烹饪思政“大餐”"
                  >
                    【江西教育电视台】华东交大：百名博…</a
                  >
                  <span class="date">04-24</span>
                </li>
                <li>
                  <a
                    href="info/1095/54162.htm"
                    target="_blank"
                    title="【中国教育电视台】习近平总书记在清华大学考察时的讲话引发广大师生热烈反响"
                  >
                    【中国教育电视台】习近平总书记在清…</a
                  >
                  <span class="date">04-21</span>
                </li>
                <li>
                  <a
                    href="info/1095/54161.htm"
                    target="_blank"
                    title="【中国教育电视台】华东交通大学：“红色走读”创新开展主题党日活动"
                  >
                    【中国教育电视台】华东交通大学：“…</a
                  >
                  <span class="date">04-21</span>
                </li>
                <li>
                  <a
                    href="info/1095/54157.htm"
                    target="_blank"
                    title="【中国教育电视台】“百位博士讲党史” 将党史教育与专业课有机融合"
                  >
                    【中国教育电视台】“百位博士讲党史…</a
                  >
                  <span class="date">04-19</span>
                </li>
                <li>
                  <a
                    href="info/1095/54132.htm"
                    target="_blank"
                    title="【江西教育电视台】各地各校开展4.15全民国家安全教育日活动"
                  >
                    【江西教育电视台】各地各校开展4.15…</a
                  >
                  <span class="date">04-15</span>
                </li>
                <li>
                  <a
                    href="https://wx.vzan.com/live/tvchat-417925647?shareuid=215374361&amp;vprid=0&amp;sharetstamp=1618020479112&amp;ver=d58bb24c574c4e87918ed8ec62084a3a&amp;auth_time=1618191163#/"
                    target="_blank"
                    title="【直播回放】快来围观，看机器人秀绝活"
                  >
                    【直播回放】快来围观，看机器人秀绝活</a
                  >
                  <span class="date">04-11</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <a class="w1200 mt30" href="http://virus2020.ecjtu.edu.cn/"
        ><img :src="xinguan" alt=""
      /></a>

      <div class="w1200 mt30">
        <!-- 校园快讯 -->
        <div class="fl w366">
          <div class="xxlc xykx">
            <h3 class="title">
              {{ categories[5].name
              }}<span
                class="more"
                @click="toList(categories[5].id, categories[5].name)"
                >More+</span
              >
            </h3>
            <ul>
              <li>
                <a
                  href="info/1044/54583.htm"
                  target="_blank"
                  title="马克思主义学院召开大中小学思政课教师集体备课会"
                >
                  马克思主义学院召开大中小学思政课...</a
                >
                <span class="date">07-06</span>
              </li>
              <li>
                <a
                  href="info/1044/54582.htm"
                  target="_blank"
                  title="马克思主义学院持续深入开展“一线课堂”活动"
                >
                  马克思主义学院持续深入开展“一线...</a
                >
                <span class="date">07-06</span>
              </li>
              <li>
                <a
                  href="info/1044/54581.htm"
                  target="_blank"
                  title="悟思想 讲党课 庆祝党的百年华诞"
                >
                  悟思想 讲党课 庆祝党的百年华诞</a
                >
                <span class="date">07-05</span>
              </li>
              <li>
                <a
                  href="info/1044/54580.htm"
                  target="_blank"
                  title="上海交大博士生导师常辉教授来校作学术报告"
                >
                  上海交大博士生导师常辉教授来校作...</a
                >
                <span class="date">07-05</span>
              </li>
              <li>
                <a
                  href="info/1044/54569.htm"
                  target="_blank"
                  title="红色故事外语写作、演讲比赛举行"
                >
                  红色故事外语写作、演讲比赛举行</a
                >
                <span class="date">06-30</span>
              </li>
              <li>
                <a
                  href="info/1044/54573.htm"
                  target="_blank"
                  title="走进红色基地，接受革命精神洗礼"
                >
                  走进红色基地，接受革命精神洗礼</a
                >
                <span class="date">06-29</span>
              </li>
              <li>
                <a
                  href="info/1044/54471.htm"
                  target="_blank"
                  title="我校六位同学获得首届全国高校商务英语综合能力大赛江西赛区二等奖"
                >
                  我校六位同学获得首届全国高校商务...</a
                >
                <span class="date">06-15</span>
              </li>
            </ul>
          </div>
        </div>
        <!-- /校园快讯 -->
        <!-- 学生活动 -->
        <div class="fl w366">
          <div class="xxlc xshd">
            <h3 class="title">
              {{ categories[6].name
              }}<span
                class="more"
                @click="toList(categories[6].id, categories[6].name)"
                >More+</span
              >
            </h3>
            <ul>
              <li>
                <a
                  href="info/1046/54624.htm"
                  target="_blank"
                  title="百年樟树下的微党课：听老党员讲述百年党史"
                >
                  百年樟树下的微党课：听老党员讲述...</a
                >
                <span class="date">07-09</span>
              </li>
              <li>
                <a
                  href="info/1046/54451.htm"
                  target="_blank"
                  title="天佑学院夺得“时刻听党话”党史知识竞赛冠军"
                >
                  天佑学院夺得“时刻听党话”党史知...</a
                >
                <span class="date">06-11</span>
              </li>
              <li>
                <a
                  href="info/1046/54216.htm"
                  target="_blank"
                  title="读书日系列活动让书香满“园”"
                >
                  读书日系列活动让书香满“园”</a
                >
                <span class="date">04-26</span>
              </li>
              <li>
                <a
                  href="info/1046/54192.htm"
                  target="_blank"
                  title="​“我同青年开课”第二课堂兴趣班服务青年成长"
                >
                  ​“我同青年开课”第二课堂兴趣班...</a
                >
                <span class="date">04-25</span>
              </li>
              <li>
                <a
                  href="info/1046/54191.htm"
                  target="_blank"
                  title="百年党史接力传唱　百首红歌唱响校园"
                >
                  百年党史接力传唱　百首红歌唱响校园</a
                >
                <span class="date">04-25</span>
              </li>
              <li>
                <a
                  href="info/1046/53926.htm"
                  target="_blank"
                  title="​共建共治共享 信息学院开展平安建设主题宣传活动"
                >
                  ​共建共治共享 信息学院开展平安建...</a
                >
                <span class="date">03-19</span>
              </li>
              <li>
                <a
                  href="info/1046/53621.htm"
                  target="_blank"
                  title="知法守法 宪法入校园 外语学院举办法律答题活动"
                >
                  知法守法 宪法入校园 外语学院举办...</a
                >
                <span class="date">12-06</span>
              </li>
            </ul>
          </div>
        </div>
        <!-- /学生活动 -->
        <!-- 专题专栏 -->
        <div class="ztzl fr">
          <h3 class="title">专题·专栏</h3>
          <div class="pic">
            <a href="https://jx.xuexi.cn" title="" target="_blank"
              ><img src="/images/ztzl-xxqg.jpg" alt=""
            /></a>
            <a href="https://bwcxljsm.ecjtu.edu.cn" title="" target="_blank"
              ><img src="/images/ztzl-bwcx.jpg" alt=""
            /></a>
            <a href="https://kmh.ecjtu.edu.cn/main.psp" title="" target="_blank"
              ><img src="/images/ztzl-kmhjt.jpg" alt=""
            /></a>
          </div>
        </div>
        <!-- /专题专栏 -->
      </div>
      <!-- 校园风光 -->

      <div class="picMarquee-left">
        <div class="hd">
          {{ categories[9].name }} <a class="more" href="xyfg.htm">More+</a>
        </div>
        <div class="bd">
          <div
            class="tempWrap"
            style="overflow: hidden; position: relative; width: 1192px"
          >
            <ul
              class="piclist"
              style="
                width: 2682px;
                position: relative;
                overflow: hidden;
                padding: 0px;
                margin: 0px;
                left: -340px;
              "
            >
              <li class="clone" style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/16mnupuxft/2bbbd128-93a4-407d-9735-9a7f03b1dcf1.jpg"
                    title=""
                  >
                    <img src="/images/xyfg1.jpg" />
                  </a>
                </div>
              </li>
              <li style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/1d8hendxgk/6edcb117-2b8e-4afe-b08d-c0761538612d.jpg"
                    title=""
                  >
                    <img src="/images/xyfg2.jpg" />
                  </a>
                </div>
              </li>

              <li style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/1d8hendxgk/0605d157-6cf4-425a-8ef7-daf7b9953289.jpg"
                    title=""
                  >
                    <img src="/images/xyfg3.jpg" />
                  </a>
                </div>
              </li>

              <li style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/16mnupuxft/3978b167-1387-4b26-8167-05d49b52d5a7.jpg"
                    title=""
                  >
                    <img src="/images/xyfg4.jpg" />
                  </a>
                </div>
              </li>

              <li style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/16mnupuxft/2bbbd128-93a4-407d-9735-9a7f03b1dcf1.jpg"
                    title=""
                  >
                    <img src="/images/xyfg1.jpg" />
                  </a>
                </div>
              </li>

              <li class="clone" style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/1d8hendxgk/6edcb117-2b8e-4afe-b08d-c0761538612d.jpg"
                    title=""
                  >
                    <img src="/images/xyfg2.jpg" />
                  </a>
                </div>
              </li>
              <li class="clone" style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/1d8hendxgk/0605d157-6cf4-425a-8ef7-daf7b9953289.jpg"
                    title=""
                  >
                    <img src="/images/xyfg3.jpg" />
                  </a>
                </div>
              </li>
              <li class="clone" style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/16mnupuxft/3978b167-1387-4b26-8167-05d49b52d5a7.jpg"
                    title=""
                  >
                    <img src="/images/xyfg4.jpg" />
                  </a>
                </div>
              </li>
              <li class="clone" style="float: left; width: 266px">
                <div class="pic">
                  <a
                    href="images/19/12/30/16mnupuxft/2bbbd128-93a4-407d-9735-9a7f03b1dcf1.jpg"
                    title=""
                  >
                    <img src="/images/xyfg4.jpg" />
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- /校园风光 -->
      <!-- 友情链接 -->
      <div class="yqlj mt30">
        <h3 class="title">友情链接</h3>
        <ul>
          <li>
            <a href="http://www.moe.gov.cn" target="_blank" title="">教育部</a>
          </li>
          <li>
            <a href="http://jyt.jiangxi.gov.cn" target="_blank" title=""
              >江西省教育厅</a
            >
          </li>
          <li>
            <a href="http://jyt.jiangxi.gov.cn" target="_blank" title=""
              >江西教育网</a
            >
          </li>
          <li>
            <a href="http://dxs.moe.gov.cn/zx/" target="_blank" title=""
              >大学生在线</a
            >
          </li>
          <li>
            <a href="http://www.chinaedunet.com" target="_blank" title=""
              >中国教育信息网</a
            >
          </li>
          <li>
            <a href="http://www.jyb.cn" target="_blank" title=""
              >中国教育新闻网</a
            >
          </li>
          <li>
            <a href="https://gaojiao.jxedu.gov.cn" target="_blank" title=""
              >江西高等教育网</a
            >
          </li>
        </ul>
      </div>
      <!-- /友情链接 -->
      <!-- 友情链接下部 -->
      <div class="w1248">
        <div class="dbdh">
          <a
            href="fjxx/tgxz1.htm"
            title="投稿须知"
            style="font-size: 14px; margin-right: 22px"
            >投稿须知</a
          >
          -
          <a
            href="fjxx/lxwm1.htm"
            title="联系我们"
            style="font-size: 14px; margin: auto 22px"
            >联系我们</a
          >
          -
          <a
            href="fjxx/jddt1.htm"
            title="交大地图"
            style="font-size: 14px; margin: auto 22px"
            >交大地图</a
          >
          -
          <a
            href="fjxx/xczl.htm"
            title="宣传资料"
            style="font-size: 14px; margin: auto 22px"
            >宣传资料</a
          >
        </div>
      </div>
      <!-- /友情链接下部 -->
    </div>
    <!-- /项目 -->

    <!-- 底部 -->
    <Footer />
    <!-- /底部 -->
  </div>
</template>

<script>
import { get } from "../utils/request";
import Head from "./components/Head";
import Footer from "./components/Footer";
export default {
  components: { Head, Footer }, // 注册局部组件
  data() {
    return {
      categories: [],
      articleData: {},
      title: "",
      xinguan: "",
    };
  },
  methods: {
    //跳转到文章详情
    toArticle(id) {
      this.$router.push({
        path: "/article",
        query: { id },
      });
    },
    //跳转到List详情
    toList(id) {
      this.$router.push({
        path: "/list",
        query: { id },
      });
    },
    //加载首页标题
    loadTitle() {
      let url = "/index/findByKey";
      get(url, { name: "title" }).then((resp) => {
        if (resp.data) {
          this.title = resp.data.val;
        }
      });
    },
    //加载新冠图片
    loadWebLogo() {
      let url = "/index/findByKey";
      get(url, { name: "xinguan" }).then((resp) => {
        if (resp.data) {
          this.xinguan = resp.data.val;
        }
      });
    },

    //加载栏目
    LoadCategories() {
      let url = "/index/category/findAll";
      get(url).then((resp) => {
        this.categories = resp.data;
      });
    },
    // 跳转到列表页面
    toList(categoryId, name) {
      this.$router.push({
        path: "/list",
        query: { categoryId, name },
      });
    },
  },
  created() {
    this.loadTitle();
    this.LoadCategories();
    this.loadWebLogo();
  },
};
</script>
<style scoped>
/* 产品 */
.projects {
  padding: 0.5em 0;
}
.projects .project {
  padding: 0.5em 0;
  border-bottom: 1px solid #ededed;
}
.projects .project > .picture {
  float: left;
  width: 400px;
  height: 300px;
  background-color: #ededed;
}
.projects .project > .picture img {
  width: 100%;
}
.projects .project > .info {
  margin-left: 420px;
  height: 300px;
}
/* 产品 */

/* 共用 */
.wrapper {
  width: 90%;
  margin: 0 auto;
}

.toutiao .logo {
  float: left;
  width: 78px;
  height: 78px;
}
.toutiao .logo img {
  width: 100%;
}
.toutiao .first {
  text-align: center;
  float: inherit;
  font-weight: bold;
  line-height: 44px;
  padding-left: 78px;
}
.toutiao .first {
  color: #303536;
  font-size: 38px;
}
.toutiao li {
  float: left;
  padding: 0 18px;
}
.toutiao li a {
  color: #747575;
  font-size: 14px;
}
/*  /头部 重点关注 */
/* 轮播图 */
.focusBox {
  width: 760px;
  height: 495px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: 22px;
}
/* /轮播图 */

/* 交大要闻 --轮播图右部 */
.tou-list {
  overflow: hidden;
  width: 418px;
  margin-top: 10px;
}
.tou-list ul {
  border: 1px #cbe2c8 solid;
  padding: 18px 14px;
  height: 457px;
}
.tou-list li {
  line-height: 36px;
  font-size: 16px;
  overflow: hidden;
}

.tou-list .frist a {
  display: block;
  line-height: 36px;
  height: 36px;
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: bold;
  border-bottom: 1px #cbe2c8 dashed;
}
.tou-list li a {
  color: #1c1c1c;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.tou-list li .date {
  font-size: 16px;
  color: #b5b4b3;
  float: right;
}
/* /交大要闻 --轮播图右部 */
/* 校报电子版 */
.xbdzb {
  border: 1px #cbe2c8 solid;
  overflow: hidden;
  padding: 18px 14px 27px;
  width: 338px !important;
  height: 508px;
  margin-right: 20px;
}
.xbdzb h3 {
  font-size: 26px;
}
.slidepic .xb {
  left: -10px;
  width: 340px;
  height: 200px;
  position: absolute;
}
.slidepic .xb img {
  width: 100%;
  position: absolute;
  left: 15px;
  top: 55px;
}
.slidepic .txt {
  position: absolute;
  bottom: -50px;
  z-index: 2;
  height: 25px;
  width: 80%;
  padding: 0 10%;
  overflow: hidden;
}
.slidepic .txt li {
  height: 25px;
  line-height: 25px;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}
.slidepic .txt li a {
  display: block;
  color: #303536;
  font-size: 16px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /校报电子版 */
/* 信息列车 */
.xxlc {
  overflow: hidden;
  width: 343px;
  height: 300px;
  padding: 18px 14px;
  border: 1px #cbe2c8 solid;
}
.xxlc li {
  line-height: 37px;
  font-size: 16px;
  overflow: hidden;
}
.xxlc li a {
  color: #1c1c1c;
  transition-duration: 0.3s;
}
.xxlc li .date {
  font-size: 16px;
  color: #b5b4b3;
  float: right;
}
/* /信息列车 */
/* 视频新闻 */
.spxw {
  border: 1px #cbe2c8 solid;
  width: 343px;
  height: 170px;
  padding: 12px 14px;
  /* overflow: hidden; */
  margin-top: 20px;
}
.spxw .pic {
  margin-top: 20px;
}
.spxw .pic li {
  width: 150px;
  height: 110px;
  margin: 0 7px;
  float: left;
}
.spxw .pic li a {
  width: 100%;
  display: block;
  height: 110px;
}
.spxw .pic li img {
  width: 100%;
  height: 100%;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  display: block;
  overflow: hidden;
}
/* /视频新闻 */
/* 媒体交大 */
.mtjd {
  border: 1px #cbe2c8 solid;
  width: 388px;
  height: 516px;
  padding: 18px 14px;
  overflow: hidden;
}
.mtjd .title {
  font-size: 26px;
}
.slideTxtBox {
  overflow: hidden;
  width: 382px;
}
.slideTxtBox .hd {
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-top: 8px;
  border-bottom: 1px solid #cdcdcd;
}
.slideTxtBox .bd ul .more {
  font-size: 14px;
  color: #666;
  position: absolute;
  left: 336px;
  top: -54px;
  font-family: "Microsoft YaHei";
  cursor: pointer;
}
.slideTxtBox .hd ul li {
  padding: 0 15px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  background: #ebeeeb;
}
.slideTxtBox .bd {
  width: 382px;
  position: relative;
  margin-top: 20px;
}
.slideTxtBox .bd li {
  line-height: 37px;
  font-size: 16px;
  overflow: hidden;
  width: 382px;
}
.slideTxtBox .bd li a {
  color: #1c1c1c;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.slideTxtBox .bd li .date {
  font-size: 16px;
  color: #b5b4b3;
  float: right;
}
/* /媒体交大 */
/* 新冠横幅 */
.ad-box {
  position: relative;
  width: 100%;
  height: 120px;
  top: 26px;
}
/* /新冠横幅 */
/* 校园快讯 */

.xxlc {
  overflow: hidden;
  width: 343px;
  height: 300px;
  padding: 18px 14px;
  border: 1px #cbe2c8 solid;
}

.xxlc li {
  line-height: 37px;
  font-size: 16px;
  overflow: hidden;
}
.xxlc li a {
  color: #1c1c1c;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.xykx {
  margin-right: 20px;
  height: 320px;
  width: 338px;
}
/* /校园快讯 */
/* 学生活动 */
.xshd {
  height: 320px;
}
/* /学生活动 */
/* 专题专栏 */
.ztzl {
  width: 388px;
  height: 320px;
  margin-top: 0;
  border: 1px #cbe2c8 solid;
  padding: 18px 14px;
  overflow: hidden;
}
.ztzl .pic {
  width: 378px;
  margin: 0 auto;
  overflow: hidden;
}
.ztzl .pic a {
  width: 378px;
  display: block;
  margin-top: 10px;
}
.ztzl .pic img {
  width: 100%;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  display: block;
  overflow: hidden;
}
/* /专题专栏 */
/* 校园风光 */
.picMarquee-left {
  width: 1160px;
  padding: 18px 20px;
  overflow: hidden;
  position: relative;
  border: 1px #ccc solid;
  margin: 30px auto;
}
.picMarquee-left .hd {
  display: block;
  overflow: hidden;
  font-size: 27px;
  color: #2c6727;
  margin: 0;
  font-weight: normal;
  height: 36px;
  padding-left: 30px;
  margin-bottom: 8px;
  line-height: 36px;
  font-family: "STZHONGS";
  text-align: left;
}
.picMarquee-left .bd {
  overflow: hidden;
  margin-top: 20px;
}
.picMarquee-left .bd ul {
  overflow: hidden;
  zoom: 1;
}
.picMarquee-left .bd ul li {
  margin: 0 16px;
  float: left;
  overflow: hidden;
  /* _display: inline; */
  text-align: center;
  font-size: 12px;
}
.picMarquee-left .pic {
  text-align: center;
}
.picMarquee-left .pic a {
  width: 265px;
  height: 170px;
  display: block;
  overflow: hidden;
}
.picMarquee-left .pic img {
  width: 265px;
  height: 170px;
  /* transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s; */
  display: block;
  overflow: hidden;
}
/* /校园风光 */
/* 友情链接 */
.yqlj {
  border: 1px #cbe2c8 solid;
  width: 1160px;
  padding: 18px 20px;
  overflow: hidden;
  position: relative;
  margin: 30px auto;
}
.yqlj ul li {
  float: left;
  margin: 20px 17px 0;
}
.yqlj ul li a {
  font-size: 16px;
  color: #333;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
/* /友情链接 */
/* 友情链接下方 */
.w1248 {
  width: 1248px;
  margin: 0 auto;
  position: relative;
  display: table;
}
.dbdh {
  width: 460px;
  margin: 26px auto;
}
/* /友情链接下方 */
/* 公共部分 */
body {
  color: #333;
  font: 12px/20px "Microsoft YaHei", arial, sans-serif;
}
div {
  display: block;
}
ul {
  list-style-type: none;
}
li {
  list-style: none;
}
ul,
ol,
dl,
table,
th,
td,
tr,
input,
textarea,
li,
a,
div,
span,
em,
i,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.w366 {
  width: 366px;
  display: table;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: table;
}
.mt30 {
  margin-top: 30px;
}
.bright {
  border-right: 3px solid #7f7f7f;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
ul,
menu,
dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  /* padding-inline-start: 40px; */
}
h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.title {
  font-size: 27px;
  color: #2c6727;
  margin: 0;
  font-weight: normal;
  height: 36px;
  margin-bottom: 8px;
  line-height: 36px;
  font-family: "STZHONGS";
  text-align: left;
  /* background: url(../images/title_icon_a.jpg) no-repeat left center; */
}
.more {
  font-size: 14px;
  float: right;
  color: #666;
  font-family: "Microsoft YaHei";
  cursor: pointer;
}
/* /公共部分 */
body {
  font: "Microsoft YaHei" !important;
}
/* 新冠图片 */
</style>